<template>
  <div class="index">
    <van-nav-bar title="发现"></van-nav-bar>
    <!-- 面试技巧 -->
    <div class="interview-box">
      <div class="titlebox">
        <div class="title">面试技巧</div>
        <span class="title2" @click="goTechnicList">查看更多></span>
      </div>
      <div class="interview-list">
        <Finditem v-model="forms"></Finditem>
      </div>
    </div>
    <!-- 市场数据 -->
    <div class="interview-box">
      <div class="titlebox">
        <div class="title">市场数据</div>
        <span class="title2" @click="goChart">查看更多></span>
      </div>
      <div class="interview-list">
        <Information></Information>
      </div>
    </div>
    <!-- 面试经验 -->
    <div class="interview-box">
      <div class="titlebox">
        <div class="title">面经分享</div>
        <span class="title2" @click="goShare">查看更多></span>
      </div>
      <div class="interview-list">
        <ShareList v-model="form"></ShareList>
      </div>
    </div>
  </div>
</template>

<script>
import Finditem from './components/finditem.vue'
import Information from './components/information.vue'
import ShareList from './components/shareList.vue'
export default {
  data () {
    return {
      form: {
        start: 0,
        limit: 3,
        q: ''
      },
      forms: {
        start: 0,
        limit: 3,
        q: ''
      }
    }
  },
  components: {
    Finditem,
    Information,
    ShareList
  },
  methods: {
    goTechnicList () {
      this.$router.push('/technicList')
    },
    goChart () {
      this.$router.push('/mychart')
    },
    goShare () {
      this.$router.push('/share')
    }
  }
}
</script>

<style lang="less">
.index {
  background-color: #f7f4f5;

  .interview-box {
    background: #fff;
    padding: 0 20px;
    margin-bottom: 30px;
    .titlebox {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 120px;
      .title {
        font-size: 36px;
        font-weight: 500;
        color: #222222;
      }
      .title2 {
        font-size: 28px;
        color: #5b5d75;
      }
    }
  }
}
</style>
